(function($){
  $.fn.tips = function() {
	$('<div id="tooltip"><div id="tooltip_text"></div></div>').css({'display':'none'}).appendTo(this);
  	
	var tt=$("#tooltip");
	var ttt=$("#tooltip_text");
	$(".tip").live('hover',function(event){
		var element=$(this);
		//console.log(event.type);
		if(event.type=='mouseenter') {
		//console.log('Mouse Over Tip');
		var t=element.attr("title");
        element.attr("title","");
		var c=element.offset();
		var inner=t;
		ttt.html(inner);
		//element.css({'cursor':'help'});
		
		var h=tt.outerHeight()+13;
		var topoffset=(c.top-h);
		if( topoffset <=0 ) {
			topoffset=h;		
		}
		
		tt.css({'left':(c.left-2)+'px','top':topoffset+'px'}).show();	
		}
		if(event.type=='mouseleave') {
		var t=ttt.text();
		element.attr("title",t);
		ttt.html("");
		tt.hide();
	    element.css({'cursor':'auto'});
		}
	
	});

    return this;
  };
})(jQuery);